<template>
    <div class="screen-container">
      <iframe 
        src="http://115.120.199.90:8020/chatbot/I659lDtDi0IpyrWg" 
        frameborder="0"
        class="screen-iframe">
      </iframe>
    </div>
  </template>
  
  <script setup>
  import { useRouter } from 'vue-router';
  const router = useRouter();
  </script>
  
  <style scoped>
  .screen-container {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
  }
  
  .overlay-button {
    position: absolute;
    top: 20px; /* 距离顶部 20px */
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
    background-color: red;
    color: white;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    font-size: 16px;
    border-radius: 5px;
  }
  
  .screen-iframe {
    width: 100%;
    height: 100%;
    border: none;
  }
  </style>
  